<template>
    <!-- <div class="app-container">
      <el-card shadow="never">
        <template #header>设备数据总览（示例 / Vue3 + Element Plus）</template>
  
        <div style="margin-bottom:12px;">
          <el-button size="small" @click="reload()">刷新模拟数据</el-button>
        </div>
  
        <EquipmentDataTable
          :columns="columns"
          :rows="rows"
          :height="400"
        />
      </el-card>
    </div> -->

    <EquipmentDataTable
          :columns="columns"
          :rows="rows"
          height="66vh"
        />
  </template>
  
  <script setup>
  import EquipmentDataTable from './EquipmentDataTable.vue'
  import { mockColumns, mockRows, genMockRows } from '@/api/sbtz/equipmentData'
  
  import { ref } from 'vue'
  const columns = ref(mockColumns)
  const rows = ref(mockRows)

  const props = defineProps({
    row: { type: Object, default: () => ({}) },
    items: { type: Object, default: () => ({}) }   
  })
  
  function reload() {
    rows.value = genMockRows(8)
  }
  </script>
  